<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>登录界面</title>
    <link href="__ADMIN__/css/default.css" rel="stylesheet" type="text/css" />

    <link href="__ADMIN__/css/styles.css" rel="stylesheet" type="text/css" />
    <link href="__ADMIN__/css/demo.css" rel="stylesheet" type="text/css" />
    <link href="__ADMIN__/css/loaders.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='login'>
    <div class='login_title'>
        <span>管理员登录</span>
    </div>
   <form action="" method="post">
       <div class='login_fields'>
           <div class='login_fields__user'>
               <div class='icon'>
                   <img alt="" src='__ADMIN__/images/user_icon_copy.png'>
               </div>
               <input name="name" placeholder='用户名' type='text' placeholder="name" />
               <div class='validation'>
                   <img alt="" src='__ADMIN__/images/tick.png'>
               </div>
           </div>
           <div class='login_fields__password'>
               <div class='icon'>
                   <img alt="" src='__ADMIN__/images/lock_icon_copy.png'>
               </div>
               <input name="password" placeholder='密码' type='password'placeholder="password" >
               <div class='validation'>
                   <img alt="" src='__ADMIN__/images/tick.png'>
               </div>
           </div>
           <!--<div class='login_fields__password'>-->
               <!--<div class='icon'>-->
                   <!--<img alt="" src='__ADMIN__/images/key.png'>-->
               <!--</div>-->
               <!--<input name="code" placeholder='验证码' type='text' autocomplete="off" style="width: 100px;float: left">-->
               <!--<img src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?'+Math.random();" width="80" style="float:left; cursor:pointer;" alt="captcha" />-->
           <!--</div>-->
           <div class='login_fields__submit'>
               <input type='submit' value='登录'>
           </div>
       </div>
   </form>
    <div class='success'>
    </div>
    <div class='disclaimer'>
        <p>欢迎登录后台管理系统</p>
    </div>
</div>
<link href="__ADMIN__/layui/css/layui.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
<script type="text/javascript" src="__ADMIN__/js/jquery-ui.min.js"></script>
<script type="text/javascript" src='__ADMIN__/js/stopExecutionOnTimeout.js?t=1'></script>
<script type="text/javascript" src="__ADMIN__/layui/layui.js"></script>
<script type="text/javascript" src="__ADMIN__/js/Particleground.js"></script>
<script type="text/javascript" src="__ADMIN__/js/Treatment.js"></script>
<script type="text/javascript" src="__ADMIN__/js/jquery.mockjax.js"></script>
<script type="text/javascript">

    //粒子背景特效
    $('body').particleground({
        dotColor: '#E8DFE8',
        lineColor: '#133b88'
    });
    $('input[name="pwd"]').focus(function () {
        $(this).attr('type', 'password');
    });
    $('input[type="text"]').focus(function () {
        $(this).prev().animate({ 'opacity': '1' }, 200);
    });
    $('input[type="text"],input[type="password"]').blur(function () {
        $(this).prev().animate({ 'opacity': '.5' }, 200);
    });
    $('input[name="login"],input[name="pwd"]').keyup(function () {
        var Len = $(this).val().length;
        if (!$(this).val() == '' && Len >= 5) {
            $(this).next().animate({
                'opacity': '1',
                'right': '30'
            }, 200);
        } else {
            $(this).next().animate({
                'opacity': '0',
                'right': '20'
            }, 200);
        }
    });

</script>

</body>
</html>